Storybook process

Inspiration

One of the important events that happened over the summer was my mom’s birthday. As an international student, I knew I would not be able to visit my family for a while and my mom’s birthday is in August, just a month before I planned to arrive here. Since it was the last time that I would be there to celebrate it with her for the next two years, I decided to throw a small party with a simple yet endearing color palette. (She loves pink!).

Color palette
Color palette

Process

I created some sketches and a base file in Figma to give me a basic understanding of the web pages. I did, however, end up adding and altering my design as I went ahead with the project. Also, using CSS as a drawing tool was challenging as I do not have any background in coding, and to learn how to use it, I watched a couple of YouTube videos, referred to the website links shared on Canvas, and had fun learning new CSS properties like box-shadow and z-index.

Rough sketches
Brainstorming

Design

The design revolved around the process of cutting a cake on one’s birthday – making a wish before blowing out a candle, cutting the cake, and having a slice!

Figma sketches
Figma sketches